<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的消息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/style.css" />
		<link rel="stylesheet" href="../../css/title.css" />
		
		<style type="text/css">
		
			.mui-card{width:94%;}
			.mui-content{margin:0;}
			.mui-card-header{font-size:12px;}
			.mui-card-content-inner{font-size:12px;padding-bottom:0px;}
			.business{background:#ddd;}
			.member{background:#888;float:right;}
			.chat{left:3%;width:100%;height:40px;background:#666;position:fixed;bottom:0px;z-index:50;}
			.chat input{width:80%;}
			.chat button{width:18%;margin-top:3px;}
		    .mui-card-footer:before{
		    	background-color: #ddd;
		    }
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>我的消息</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header> 
		
		<!--下拉刷新容器-->
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh" style="margin-bottom:43px;">
		   <div class="mui-scroll">
		   	  <div class="mui-card business" id="business">
				<div class="mui-card-header mui-ellipsis">来自社区</div>
			  <!--
				--来自其他会员--
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						我是来自小明的消息。小明的消息小明的消息小明的消息小明的消息小明的
					</div>
					<div style="text-align:right;font-size:12px;line-height: 16px;padding-right:5px;;">2018-09-12 12:00:00</div>
				</div>
				--来自自己--
				<div style="border-bottom:1px solid #ccc;">
					<div class="mui-card-footer">
						我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，。
					</div>
					<div style="text-align:right;color:#666;font-size:12px;line-height: 16px;padding-right:5px;;">2018-09-12 12:00:00</div>
				</div>
				--来自其他会员--
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						我是来自小明的消息。小明的消息小明的消息小明的消息小明的消息小明的
					</div>
					<div style="text-align:right;font-size:12px;line-height: 16px;padding-right:5px;;">2018-09-12 12:00:00</div>
				</div>
				--来自自己--
				<div style="border-bottom:1px solid #ccc;">
					<div class="mui-card-footer">
						我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，。
					</div>
					<div style="text-align:right;color:#666;font-size:12px;line-height: 16px;padding-right:5px;;">2018-09-12 12:00:00</div>
				</div>
				--来自其他会员--
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						我是来自小明的消息。小明的消息小明的消息小明的消息小明的消息小明的
					</div>
					<div style="text-align:right;font-size:12px;line-height: 16px;padding-right:5px;;">2018-09-12 12:00:00</div>
				</div>
				--来自自己--
				<div style="border-bottom:1px solid #ccc;">
					<div class="mui-card-footer">
						我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，我是来自自己的消息，。
					</div>
					<div style="text-align:right;color:#666;font-size:12px;line-height: 16px;padding-right:5px;;">2018-09-12 12:00:00</div>
				</div>
			 -->
			</div>
		   </div>
		</div>
		
		<div style="clear:both;"></div>
		<div class="chat">
			<input type="text" id="message" placeholder="请输入内容" />
			<button class="mui-btn mui-btn-yellow" id="send_msg">发送</button>
		</div>
		
		<script src="../../lang/setting.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/sockjs.js"></script>
		<script src="../../js/jquery-1.7.2.min.js"></script>
		<script src="../../resource/setting/admin_news.js"></script>
	</body>

</html>